﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EmpWorkArrangement.aspx.cs" Inherits="WaterApp.QueryReport.EmpWorkArrangement" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    <title>员工工作安排优化</title>
    <link href="../Styles/if.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/Site.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../Scripts/jquery-ui-1.9.1.custom/js/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="../Highcharts/js/highcharts.js"></script>
    <script type="text/javascript" src="../Highcharts/js/highcharts-more.js"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            buildChartOne();
        });

    //每月阀门巡检完成率
    function buildChartOne() {
        var pValue = "F1012";
        jQuery.ajax({
            type: "post",
            url: "/Business/Ajax.aspx",
            data: "paramvalue=" + escape(pValue) + "&paramtype=BuilderChart",
            success: function (message) {
                if (message != "NONE") {
                    var data = eval("(" + message + ")");
                    //alert(data.categories);
                    var char1 = new Highcharts.Chart({
                        chart: {
                            renderTo: 'rethree',
                            type: 'column'
                        },
                        credits: {
                            enabled: false     //去掉highcharts网站url  
                        },
                        title: {
                            text: data.charttitle
                        },
                        xAxis: {
                            categories: eval(data.categories),
                            labels: {
                                rotation: -45,
                                align: 'right',
                                style: {
                                    fontSize: '11px',
                                    fontFamily: 'Verdana, sans-serif'
                                }
                            }
                        },
                        yAxis: {
                            allowDecimals: false,
                            min: 0,
                            title: {
                                text: ''
                            }
                        },
                        tooltip: {
                            formatter: function () {
                                return '<b>' + this.x + '</b><br/>' +
                        this.series.name + ': ' + this.y + '<br/>' +
                        '合计: ' + this.point.stackTotal;
                            }
                        },
                        plotOptions: {
                            column: {
                                stacking: 'normal',
                                dataLabels: {
                                    enabled: true,
                                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                }
                            }
                        },
                        series: [{
                            name: data.seriesname,
                            data: eval(data.seriesdata)
                        }]
                    });
                }
                else {
                    //$("#divpgtsh").html("估算失败！");
                }
            },
            error: function () {
                //$("#divpgtsh").html("连接服务是发生异常！");
            }
        });
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
<div>
    <div style="width:100%; background-color: #E0E0E0; height:30px; 
                    font-family:宋体; font-size:12px; font-weight:bold; line-height:30px;">
          查询和报表=>员工工作安排优化
        </div>
        <div>
          <table>
            <tr>
              <td>
                <div id="reone" style="width:400px; border:1px soid #dcdcdc;">
                   <table style="width:90%;">                    
                     <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">抄表员</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">抄表户数</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">平均抄表户数</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">完成率</td>
                     </tr>
                     <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">张三</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1983</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">2792</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">99.9%</td>
                     </tr>
                     <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">李四</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">2132</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1998</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">99.99%</td>
                     </tr>
                      <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">刘五</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">2078</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1987</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">98.99%</td>
                     </tr>
                     <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">张四</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1999</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1989</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">99.2%</td>
                     </tr>
                   </table>
                </div>
              </td>
              <td>
                <div id="retwo" style="width:400px; border:1px soid #dcdcdc;">
                    <table style="width:90%;">                    
                     <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">巡检员</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">巡检户数</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">平均巡检户数</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">完成率</td>
                     </tr>
                     <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">张三</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1983</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">2792</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">99.9%</td>
                     </tr>
                     <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">李四</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">2132</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1998</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">99.99%</td>
                     </tr>
                      <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">刘五</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">2078</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1987</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">98.99%</td>
                     </tr>
                     <tr>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">张四</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1999</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">1989</td>
                       <td style="text-align:center; font-family:宋体; font-size:13px;">99.2%</td>
                     </tr>
                   </table>                  
                </div>              
              </td>
            </tr>
            <tr>
              <td>
                <div id="rethree" style="width:400px; height:255px; border:1px soid #dcdcdc;">
                  
                </div>
              </td>
              <td>
                <div id="refour" style="width:400px; height:255px; border:1px soid #dcdcdc;">
                  
                </div>              
              </td>
            </tr>
          </table>
        </div>    
    </div>
    </form>
</body>
</html>
